<!-- 订单详情 -->
<template>
	<view class="order-detail-wrap" v-show="isgetData">
		<!-- 订单状态 -->
		<view class="detail-head" style="height: 180rpx">
			<view class="state-box u-flex">
				<image class="state-img" :src="$IMG_URL + '/imgs/order/order_state1.png'" mode=""></image>
				<text>尊敬的客户,您的订单{{ onStatus(orderDetail.status)}}</text>
			</view>
		</view>

		<!-- 收货地址 -->
		<view class="address-wrap" v-if="orderDetail.consignee">
			<view class="order-address-box">
				<view class="u-flex">
					<text class="address-username">{{ orderDetail.consignee }}</text>
					<text class="address-phone">{{ orderDetail.phone }}</text>
				</view>
				<view class="address-detail">{{ orderDetail.areaName }}{{ orderDetail.address }}</view>
			</view>
		</view>

		<view class="detail-goods">
			<view class="u-flex" style="background-color: #fff;">
				<text class="address-username"
					style="margin-left: 30rpx;margin-top: 20rpx;">{{orderDetail.store? orderDetail.store.name:'' }}</text>
			</view>

			<view class="order-list" v-for="order in orderDetail.orderItems" :key="order.id">
				<view class="order-card" >
					<ljshop-mini-card :title="order.name" :image="order.thumbnail" @tap="jumptoDetail('/pages/goods/detail', { id: order.productId })">
						<template #describe>
							<view class="order-sku u-ellipsis-1">
								<text class="order-num">数量:{{ order.quantity || 0 }};</text>
								<text class="order-num" v-for="(item, index) in order.specifications" :key="index">{{item}}</text>
							</view>
						</template>
						<template #cardBottom>
							<view class="card-price-box u-flex">
								<text class="order-price font-OPPOSANS">￥{{order.price? order.price.toFixed(2):''}}</text>
								<button class="u-reset-button status-btn"
									v-if="order.returnNum>0" @tap.stop="toAfterSale(order.id)">已申请售后</button>
							</view>
						</template>
					</ljshop-mini-card>
				</view>
				<!-- 配送方式 -->
				<view class="express-type-box u-flex u-row-between">
					<view class="u-flex">
						<view class="express-type--title">配送：</view>
					</view>
					<!-- 发货详情 -->
					<view class="u-flex express-type--detail">
						<text>{{ orderDetail.shippingMethodName }}</text>
						<text class="u-iconfont uicon-arrow-right" style="color: #666;"></text>
					</view>
				</view>
				<view class="order-bottom u-flex">
					<!-- 退款原因 -->
					<!-- <view class="refund_msg">
						<text class="refund-title">退款原因：</text>
						{{ order.refund_msg }}
					</view> -->
					<view class="btn-box u-flex">
						<button @tap.stop="onAftersale(orderDetail.id, order.id)" class="u-reset-button btn1"
						 v-show="!isExchange && !orderDetail.exchangePoint > 0"
						v-if="showReturn(order.returnNum)">
							申请退款
						</button>
						<button @tap.stop="onConfirm(orderDetail.id, order.id)" class="u-reset-button btn1"
							v-if="showget">
							确认收货
						</button>
						<button @tap.stop="onComment(orderDetail.id, order.id)" class="u-reset-button btn1"
							v-if="showrev">
							去评价
						</button>
					<!-- 	<button @tap.stop="jumptoDetail('/pages/goods/detail', { id:order.orderItems.productId })"
							class="u-reset-button btn1"  >
							再次购买
						</button> -->
						<button @tap="onAftersaleDetail(onAftersale)" class="u-reset-button btn1" v-if="showrefdetail">
							售后详情
						</button>
						<button @tap.stop="onAftersale(orderDetail.id, order.id)" class="u-reset-button btn1"
							v-if="showref">
							申请售后
						</button>
					</view>
				</view>
			</view>
		</view>
		<!-- 订单信息 -->
		<view class="notice-box" v-if="orderDetail.id">
			<view class="notice-box__content">
				<view class="notice-item--center u-flex">
					<text class="title">订单编号：</text>
					<text class="detail">{{ orderDetail.sn }}</text>
					<button class="u-reset-button copy-btn" @tap="onCopy(orderDetail.sn)">复制</button>
				</view>
				<view class="notice-item u-flex">
					<text class="title">下单时间：</text>
					<text class="detail">{{ orderDetail.createdDate }}</text>
				</view>
				<view class="notice-item u-flex">
					<text class="title">支付方式：</text>
					<text class="detail">{{ orderDetail.paymentMethodName }}</text>
				</view>
				<view v-if="orderDetail.payTime" class="notice-item u-flex">
					<text class="title">支付时间：</text>
					<text class="detail">{{ orderDetail.payTime }}</text>
				</view>
			</view>
		</view>
		<!--  价格信息 -->
		<view class="order-price-box u-m-b-20" v-if="orderDetail.id">
			<view class="notice-item u-flex u-row-between">
				<text class="title">商品总额</text>
				<text class="detail font-OPPOSANS">￥{{ orderDetail.price?orderDetail.price.toFixed(2):"" }}</text>
			</view>
			<view class="notice-item u-flex u-row-between">
				<text class="title">运费</text>
				<text class="detail font-OPPOSANS">￥{{ orderDetail.freight }}</text>
			</view>
			<!-- 	<view class="notice-item u-flex u-row-between">
				<text class="title">优惠金额</text>
				<text class="detail font-OPPOSANS">-￥{{ orderDetail.discount_fee }}</text>
			</view> -->
			<view class="notice-item u-flex u-row-between" v-if="orderDetail.exchangePoint">
				<text class="title">积分</text>
				<text class="detail font-OPPOSANS">{{ orderDetail.exchangePoint }}积分</text>
			</view>
			<view class="notice-item all-rpice-item u-flex" style="width: 100%;">
				<text class="title">{{ orderDetail.status == 0 ? '需付款' : '实付款' }}：</text>
				<text class="detail all-price font-OPPOSANS">￥{{ orderDetail.amount }}</text>
			</view>
		</view>

		<!-- 底部按钮 -->
		<view class="foot-wrap safe-area-inset-bottom">
			<view class="foot_box safe-area-inset-bottom">
				<view class="money-box u-flex ">
					<text class="money-title">共{{ allNum || '0' }}件商品 合计:</text>
					<text class="all-price font-OPPOSANS">￥{{ orderDetail.amount ? (orderDetail.amount).toFixed(2) : '0.00' }}</text>
				</view>
				<view class="btn-box u-flex">
					<view class="btn-box u-flex">
						<button @tap.stop="onCancel(orderDetail.id)" class="u-reset-button obtn1"
							v-if="showcancel">取消订单</button>
						<button @tap.stop="onPay(orderDetail.sn)" class="u-reset-button obtn2"
							v-if="showpay">付款</button>
						<!-- <button  @tap.stop="jump('/pages/activity/groupon/detail', { id: orderDetail.ext_arr.groupon_id })" class="u-reset-button obtn2">
							拼团详情
						</button>-->
						<button @tap.stop="onDelete(orderDetail.id)" class="u-reset-button delete-btn"
							v-if="showdelete">删除</button>
						<button @tap.stop="onExpress(orderDetail)" class="u-reset-button obtn1"
							v-if="showship">查看物流</button>
						<button @tap.stop="onServicer
						(orderDetail.store.id,orderDetail.store.logo,orderDetail.store.name)"
                    class="u-reset-button obtn1">联系商家</button>
					</view>
				</view>
			</view>
		</view>
			<uni-popup class="popup" ref="popup" type="center">
				<view class="onConfrim">
					<view class="close" @click="onClose">
						<image src="https://image.hzwltb69.com/app/date/2023/close.png" alt=""/>
					</view>
					<view class="title">
						确认收到货了吗
					</view>
					<view class="cont">
						为了保证你的售后权益,请收到商品确认无误后确认收货
					</view>
					<view class="btn" @click="onReceive()">
						确认
					</view>
				</view>
			</uni-popup>
	</view>
</template>

<script>
import {NEW_BASE_URL} from '@/env'
	export default {
		components: {},
		data() {
			return {
				time: 0,
				orderDetail: {},
				orderStatus: {
					'-2': '已关闭',
					'-1': '已取消',
					'0': '未付款',
					'1': '已付款',
					'2': '已完成'
				},
				payType: {
					wallet: '余额支付',
					wechat: '微信支付',
					alipay: '支付宝支付',
				},
				expressType: {
					express: '物流快递',
					selfetch: '到店/自提',
					store: '商家配送',
					autosend: '自动发货'
				},
				showpay: false,
				showship: false,
				showcancel: false,
				showget: false,
				showbuy: false,
				showrev: false,
				showref: false,
				showrefdetail: false,
				showrefund: false,
				showdelete:false,
				showafter:false,
				afterid:"",
				isgetData:false,
				isExchange:false,
				id: '',
				oid: ''

			};
		},
		onShow() { 

			this.getOrderDetail();
		},
		onLoad() {},
		computed: {
			allNum() {
				if (this.orderDetail.orderItems) {
					let items = this.orderDetail.orderItems;
					let allPrice = 0;
					items.forEach(p => {
						allPrice += p.quantity;
					});
					return allPrice;
				}
			}
		},

		methods: {
			showReturn(e){
				// 判断秒杀
				if( !this.orderDetail.payTime || this.orderDetail.ms) return false
				if(this.showrefund && e == 0) return true
			},
			onStatus(status) {
        let statusObj={
          0:'待付款',
          1:'待审核',
          2:'待发货',
          3:'已发货',
          4:'已收货',
          5:'已完成',
          6:'已失败',
          7:'已取消',
          8:'已拒绝',
          9:'已退款',
        }
				return statusObj[status]
			},
			jump(path, parmas) {
				
				this.$Router.push({
					path: path,
					query: parmas
				});
			},
			jumptoDetail(path, parmas){
				if(this.isExchange){
					path = '/pages/goods/pointdetail'
				}
				this.$Router.push({
					path: path,
					query: parmas
				});
			},
			// 详情发货信息
			goDistribution(dispatchType, orderId, orderItemId) {
				this.jump('/pages/order/express/distribution-detail', {
					expressType: dispatchType,
					orderId: orderId,
					orderItemId: orderItemId
				});
			},
			toAfterSale(id){
				uni.showLoading({
					
				})
				let that = this;
				that.$http('order.getbyitem', {
					orderItem: id,
				}).then(res => {
					if (res.code === 1 && res.aftersalesItem ) {	
						 this.jump('/pages/order/after-sale/detail', { aftersaleId: res.aftersalesItem.id })
					}
				});
			},
			// 订单详情
			getOrderDetail() {
				uni.showLoading({})
				let that = this;
				that.$http('order.detail', {
					orderId: that.$Route.query.id,
					//   orderId: '1106',
					UId: uni.getStorageSync("UId")
				}).then(res => {
						that.isgetData = true
						that.orderDetail = res.data;
						if(that.orderDetail.type=="EXCHANGE"){
							that.isExchange =true
						}
						// that.orderDetail.createtime = that.$u.timeFormat(res.order.createdDate, 'yyyy-mm-dd hh:MM');
						// if(res.order.payTime){
						// 	 that.orderDetail.payTime = that.$u.timeFormat(res.order.payTime, 'yyyy-mm-dd hh:MM');
						// }else {
            //   that.orderDetail.payTime = "";
            // }
						that.setShowDetail(that.orderDetail.status);
						// this.getafter(res.data.sn);
				});
			},
			// getafter(sn){
			// 	let that = this;
			// 	that.$http('order.getstatus', {
			// 		ordersn: sn,
			// 	}).then(res => {
			// 		if (res.code === 1) {
			// 				if(res.count>0){
			// 					this.showafter=true;
			// 					this.afterid =res.aftersales.id
			// 				}
			// 		}
			// 	});
			// },
			setShowDetail(status) {
					if (status == 0) {
						this.showpay = true
						this.showship = false
						this.showcancel = true
						this.showget = false
						this.showbuy = false
						this.showrev = false
						this.showref = false
						this.showrefdetail = false
						this.showrefund = false
					}
					if (status == 1) {
						this.showpay = false
						this.showship = false
						this.showcancel = false
						this.showget = false
						this.showbuy = false
						this.showrev = false
						this.showref = false
						this.showrefdetail = false
						this.showrefund = true

					}
					if (status == 2) {
						this.showpay = false
						this.showship = false
						this.showcancel = false
						this.showget = false
						this.showbuy = false
						this.showrev = false
						this.showref = false
						this.showrefdetail = false
						this.showrefund = true

					}
					if (status == 3) {
						this.showpay = false
						this.showship = true
						this.showcancel = false
						this.showget = true
						this.showbuy = false
						this.showrev = false
						this.showref = true
						this.showrefdetail = false
						this.showrefund = false

					}
					if (status == 4) {
						this.showpay = false
						this.showship = true
						this.showcancel = false
						this.showget = false
						this.showbuy = true
						this.showrev = true
						this.showref = true
						this.showrefdetail = false
						this.showrefund = false

					}
					if (status == 5) {
						this.showpay = false
						this.showship = true
						this.showcancel = false
						this.showget = false
						this.showbuy = false
						this.showrev = true
						this.showref = true
						this.showrefdetail = false
						this.showrefund = false
					}
			},
			// 复制
			onCopy(code) {
				let that = this;
				uni.setClipboardData({
					data: code,
					success: function(data) {
						that.$u.toast('已复制到剪切板');
					}
				});
			},

			// 确认收货
			onConfirm(id, itemId) {
				let that = this;
				this.$refs.popup.open('center')
				// that.onReceive(id)
				that.id = id
				that.oid = itemId
			},
			onClose(){
				this.$refs.popup.close()
			},
			onReceive(){
				let that = this
				that.$http(
					'order.confirm', {
						orderId: that.id,
						UId: uni.getStorageSync("UId")
					},
				).then(res => {
					that.onClose()
					uni.showToast({
						icon:'success',
						title:'收货成功',
						success() {
							that.getOrderDetail();
							that.onComment(that.id,that.oid)
						}
					})
				});
			},
			// 申请售后
			onAftersale(orderId, orderItemId) {
				
				// this.$Router.push({
				// 	path: '/pages/order/after-sale/refund',
				// 	query: {
				// 		orderId: orderId,
				// 		orderItemId: orderItemId
				// 	}
				// });
				//uni.redirectTo("/pages/order/after-sale/refund?orderId="+orderId+"&orderItemId="+orderItemId)
				if(this.orderDetail.status=="SHIPPED"){
					uni.showToast({
						title:'商家已发货'
					})
					return;
				}
				
				uni.redirectTo({
					url: "/pages/order/after-sale/refund?orderId="+orderId+"&orderItemId="+orderItemId
				});
				
			},

			// 售后详情
			onAftersaleDetail(id) {
				this.$Router.push({
					path: '/pages/order/after-sale/detail',
					query: {
						aftersaleId: id,
					}
				});
			},
			// 取消订单
			onCancel(id) {
				let that = this;
				uni.request({
					header:{
						'token': uni.getStorageSync('token')
					},
					url:`${NEW_BASE_URL}/api/app/shop/orders/cancel/${id}`,
					method:'GET',
					success(e){
						that.$Router.back();
						if (e.data.code === 1) {
							//that.getOrderDetail();
						}
					}
				})
			},

			// 立即购买
			onPay(id) {
				//console.info("!111111111")
				this.$http('order.payment', {
					snOrder: id,
				}).then(res => {
					if (res.code == 1) {
						this.$Router.replace({
							path:"/pages/order/payment/method",
							query: {
								orderId: id,
								outTradeNo:res.data.outTradeNo
							}
						});
					}else{
						uni.showToast({
							title:res.msg,
							icon:'none'
						})
					}
				}).catch(e => {
					uni.showToast({
						title:e,
						icon:'none'
					})
				});
			},
			// 删除订单
			onDelete(orderId) {
				let that = this;
				uni.showModal({
					title: '删除订单',
					content: '确定要删除这个订单么？',
					cancelText: '取消',
					confirmText: '删除',
					success: res => {
						if (res.confirm) {
							that.$http('order.deleteOrder', {
								orderId: orderId,
								UId: uni.getStorageSync("UId")
							}).then(res => {
								that.$Router.back();
							});
						}
					}
				});
			},

			// 待评价
			onComment(orderId, orderItemId) {
				this.jump('/pages/goods/comment/add-comment', {
					orderId: orderId,
					orderItemId: orderItemId
				});
			},

			// 查看物流
			onExpress(order) {
				this.jump('/pages/order/express/express-detail', {
				  deliveryCorpCode: this.$Route.query.id,
				  trackingNo: this.$Route.query.trackingNo,
				  phone: order.phone,
				  quantity: order.quantity,
				  img:this.$Route.query.itemList[0].thumbnail,
				  name:this.$Route.query.itemList[0].name,
				});
			},
			onServicer(Id,logo,name){
				if (uni.getStorageSync("UId")) {
					let that = this;
					// #ifdef APP-PLUS
					this.$Router.push({
							path: '/pages/kefu/minikefu',
						//path: '/pages/kefu/index',
						query: {
							id: this.orderDetail.store.id,
							businessId: Id,
							logo: logo ? logo : '',
							name: name ? name : '',
						}
					})
					// #endif
					// #ifdef MP-WEIXIN ||H5
					this.$Router.push({
							path: '/pages/kefu/minikefu',
						//path: '/pages/kefu/index',
						query: {
							id: Id,
							logo:logo,
							name:name
						}
					})
					// #endif
					
				} else {
					// #ifdef MP-WEIXIN
					uni.showToast({
						title: '请先到个人中心登录',
						icon: 'none'
					});
					// #endif
				
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: "/subunimodules/uni-id-pages/pages/login/login-withoutpwd?type=" + this.loginType
					})
					// #endif
				}
				
			}
		}
	};
</script>

<style lang="scss">
	.detail-head {
		background: #f9731e;
		background-size: 100% 180rpx;
		height: 180rpx;

		.state-box {
			padding: 30rpx 40rpx;
			color: rgba(#fff, 0.9);

			.state-img {
				width: 60rpx;
				height: 60rpx;
				// background: #ccc;
				margin-right: 40rpx;
			}
		}
	}

	// 收货地址
	.address-wrap {
		position: relative;
		background-color: #fff;
		min-height: 100rpx;
		width: 100%;
		margin-bottom: 20rpx;
	}

	.order-address-box {
		width: 710rpx;
		left: 50%;
		transform: translateX(-50%);
		top: -50rpx;
		background-color: #fff;
		min-height: 160rpx;
		border-radius: 20rpx;
		padding: 20rpx;
		font-size: 30rpx;

		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		position: absolute;

		.address-username {
			margin-right: 20rpx;
		}

		.address-detail {
			font-size: 26rpx;

			font-weight: 500;
			color: rgba(153, 153, 153, 1);
			margin-top: 20rpx;
		}
	}

	.detail-goods {
		margin-bottom: 20rpx;

		.order-list {
			margin-bottom: 20rpx;
			background-color: #fff;
			padding: 0 20rpx;

			.order-card {
				padding: 20rpx 0;

				.order-sku {
					font-size: 24rpx;

					font-weight: 400;
					color: rgba(153, 153, 153, 1);
					width: 450rpx;
					margin-bottom: 20rpx;

					.order-num {
						margin-right: 10rpx;
					}
				}

				.card-price-box {
					.status-btn {
						height: 32rpx;
						border: 1rpx solid #f9731e;
						border-radius: 15rpx;
						font-size: 20rpx;
						font-weight: 400;
						height: 30rpx;
						line-height: 30rpx;
						color: #f9731e;
						padding: 0 10rpx;
						margin-left: 20rpx;
						background: rgba(233, 183, 102, 0.16);
					}

					.order-price {
						font-size: 26rpx;

						font-weight: 600;
						color: rgba(51, 51, 51, 1);
					}
				}
			}

			// 配送方式
			.express-type-box {
				width: 710rpx;
				height: 90rpx;
				background: rgba(247, 247, 247, 1);
				border-radius: 10rpx;
				padding: 0 20rpx;

				.express-type--title {
					font-size: 28rpx;

					font-weight: 400;
					color: rgba(153, 153, 153, 1);
				}

				.express-type--content {
					font-size: 26rpx;

					font-weight: 500;
					color: rgba(51, 51, 51, 1);
				}

				.express-type--detail {
					font-size: 24rpx;

					font-weight: 400;
					color: rgba(153, 153, 153, 1);
					line-height: 30rpx;
				}
			}

			.refund_msg {
				font-size: 28rpx;
				color: #999;
				flex: 1;
				text-align: left;
			}

			.order-bottom {
				background: #fff;
				justify-content: flex-end;
				padding: 20rpx 0;

				.btn1 {
					width: 160rpx;
					line-height: 60rpx;
					border: 1rpx solid rgba(223, 223, 223, 1);
					border-radius: 30rpx;
					font-size: 26rpx;
					background: #fff;
					padding: 0;
					margin-right: 20rpx;
				}

				.btn2 {
					width: 160rpx;
					line-height: 60rpx;
					border: 1rpx solid rgba(213, 166, 90, 1) !important;
					border-radius: 30rpx;
					font-size: 26rpx;
					color: #d5a65a !important;
					padding: 0;
					background: #fff;
					margin-right: 20rpx;
				}
			}
		}
	}

	// 拼团项目
	.group-box {
		background: #fff;
		padding: 40rpx 0;
		height: 250rpx;
		margin-bottom: 20rpx;

		.tip-box {
			font-size: 28rpx;
		}

		.title-box {
			font-size: 26rpx;
			font-weight: bold;
			color: #333;

			.group-num {
				color: #f8002c;
			}

			.count-down-tip {
				font-size: 24rpx;
				padding-left: 10rpx;
			}

			.time-box {
				font-size: 18rpx;

				.count-text {
					display: inline-block;
					background-color: #383a46;
					color: #fff;
					font-size: 18rpx;
					border-radius: 2rpx;
					padding: 0 5rpx;
					height: 28rpx;
					text-align: center;
					line-height: 28rpx;
					margin: 0 6rpx;
				}
			}
		}

		.group-people {
			.img-box {
				position: relative;
				margin-right: 20rpx;

				.tag {
					position: absolute;
					line-height: 36rpx;
					background: linear-gradient(132deg, rgba(243, 223, 177, 1), rgba(243, 223, 177, 1), rgba(236, 190, 96, 1));
					border-radius: 18rpx;
					padding: 0 10rpx;
					white-space: nowrap;
					font-size: 24rpx;
					color: #784f06;
					z-index: 2;
					top: -10rpx;
				}

				.avatar {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					background: #ccc;
				}
			}
		}
	}

	// 收货信息、订单信息。
	.notice-box {
		background: #fff;
		margin-bottom: 20rpx;

		.notice-box__head {
			font-size: 30rpx;

			font-weight: 500;
			color: rgba(51, 51, 51, 1);
			line-height: 80rpx;
			border-bottom: 1rpx solid #dfdfdf;
			padding: 0 25rpx;
		}

		.notice-box__content {
			padding: 25rpx;

			.self-pickup-box {
				width: 100%;

				.self-pickup--img {
					width: 200rpx;
					height: 200rpx;
					margin: 40rpx 0;
				}
			}
		}

		.notice-item--center {
			margin-bottom: 10rpx;
		}

		.notice-item,
		.notice-item--center {
			height: 50rpx;
			align-items: flex-start;

			.title {
				font-size: 28rpx;
				color: #999;
				text-align: justify;
				text-align-last: justify;
				text-justify: distribute-all-lines;
				width: 140rpx;
			}

			.detail {
				font-size: 28rpx;
				color: #333;
				flex: 1;
			}

			.copy-btn {
				width: 100rpx;
				line-height: 50rpx;
				border-radius: 25rpx;
				padding: 0;
				background: rgba(238, 238, 238, 1);
				font-size: 22rpx;

				font-weight: 400;
				color: rgba(51, 51, 51, 1);
				margin-left: 30rpx;
			}
		}

		.notice-item--center {
			align-items: center;
		}
	}

	// 订单价格信息
	.order-price-box {
		background-color: #fff;
		padding: 20rpx;
		margin-bottom: 20rpx;

		.notice-item {
			height: 50rpx;

			.title {
				font-size: 28rpx;
				color: #999;
			}

			.detail {
				font-size: 28rpx;
				color: #333;
			}
		}

		.all-rpice-item {
			justify-content: flex-end;

			.all-price {
				font-size: 26rpx;
				color: #ff0000;
			}
		}
	}

	.foot-wrap {
		width: 750rpx;
		height: 140rpx;
	}

	.foot_box {
		width: 750rpx;
		min-height: 100rpx;
		background: rgba(255, 255, 255, 1);
		border: 1rpx solid rgba(238, 238, 238, 1);
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		position: fixed;
		bottom: 0;
		left: 0;

		.money-box {
			height: 60rpx;
			padding: 0 20rpx;

			.money-title {
				font-size: 26rpx;
				color: #999999;
			}

			.all-price {
				color: #333;
				font-size: 26rpx;
			}
		}

		.btn-box {
			justify-content: flex-end;
			margin-bottom: 20rpx;

			.delete-btn {
				background: #ffeeee;
				color: #e50808;
				width: 160rpx;
				line-height: 60rpx;
				border-radius: 30rpx;
				font-size: 26rpx;
				font-weight: 400;
				margin-right: 20rpx;
				padding: 0;
			}

			.obtn1 {
				width: 160rpx;
				line-height: 60rpx;
				background: rgba(238, 238, 238, 1);
				border-radius: 30rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: rgba(51, 51, 51, 1);
				margin-right: 20rpx;
				padding: 0;
			}

			.obtn2 {
				width: 160rpx;
				line-height: 60rpx;
				background: #f9731e;
				box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
				border-radius: 30rpx;
				margin-right: 20rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #fff;
				padding: 0;
			}
		}
	}
		.onConfrim{
			background: #fff !important;
			height: 400rpx;
			width: 600rpx;
			border-radius: 25rpx;
			transition: all .3s;
			display: flex;
			flex-direction: column;
			// justify-content: space-around;
			align-items: center;
			position: relative;
			.close{
				position: absolute;
				top: 20rpx;
				right: 20rpx;
				image{
					width: 35rpx;
					height: 35rpx;
				}
			}
			.title{
				height: 80rpx;
				line-height: 80rpx;
				font-weight: 600;
				margin-top: 30rpx;
			}
			.cont{
				text-align: center;
				width: 400rpx;
				height: 80rpx;
				margin-top: 30rpx;
			}
			.btn{
				width: 80%;
				height: 65rpx;
				background: linear-gradient(90deg,#f8751a,#e9651b);
				border-radius: 30rpx;
				text-align: center;
				line-height: 65rpx;
				color: #fff;
				margin-top: 80rpx;
			}
		}
</style>
